import LayMain from '@/layout/LayMain.vue'


export default [
  {
    path: '/',
    name: 'VueBaseMan',
    reidrect: "/CreateApp",
    component: LayMain,
    meta: {
      title: '基础',
    },
    children: [
      {
        path: '/CreateApp',
        name: 'CreateApp',
        component: () => import("@/views/vueBase/1CreateApp.vue"),
        meta: {
          title: '创建一个应用'
        }
      },
      {
        path: '/Template',
        name: 'Template',
        component: () => import("@/views/vueBase/2Template.vue"),
        meta: {
          title: '模版语法'
        }
      },
      {
        path: '/Proxy',
        name: 'Proxy',
        component: () => import('@/views/vueBase/3Proxy.vue'),
        meta: {
          title: '响应式基础'
        }
      },
      {
        path: '/Computed',
        name: 'Computed',
        component: () => import('@/views/vueBase/4Computed.vue'),
        meta: {
          title: '计算属性'
        }
      },
      {
        path: '/ClassAndStyle',
        name: 'ClassAndStyle',
        component: () => import('@/views/vueBase/5ClassAndStyle.vue'),
        meta: {
          title: '类与样式绑定'
        }
      },
      {
        path: '/IfAndElse',
        name: 'IfAndElse',
        component: () => import('@/views/vueBase/6IfAndElse.vue'),
        meta: {
          title: '条件渲染'
        }
      },
      {
        path: '/Vfor',
        name: 'Vfor',
        component: () => import('@/views/vueBase/7Vfor.vue'),
        meta: {
          title: '数组渲染'
        }
      },
      {
        path: '/Event',
        name: 'Event',
        component: () => import('@/views/vueBase/8Event.vue'),
        meta: {
          title: '事件处理'
        }
      },
      {
        path: '/LifecycleHooks',
        name: 'LifecycleHooks',
        component: () => import('@/views/vueBase/10LifecycleHooks.vue'),
        meta: {
          title: '生命周期钩子'
        }
      },
      {
        path: '/Watch',
        name: 'Watch',
        component: () => import('@/views/vueBase/11Watch.vue'),
        meta: {
          title: '侦听器'
        }
      },
      {
        path: '/TemplateRefs',
        name: 'TemplateRefs',
        component: () => import('@/views/vueBase/12TemplateRefs.vue'),
        meta: {
          title: '模版引用'
        }
      },
      {
        path: "/BaseCom",
        name: 'BaseCom',
        component: () => import('@/views/vueBase/13BaseCom.vue'),
        meta: {
          title: '组建基础'
        }
      }
    ]
  },
]